تأليف وإعداد ( مينا خير - مينا منير ) 
مقدمة 


تفا ف ا ةط اه اقات ا و و ا او ان ق اناد 
كله والتي تصل بين جميع الحاسبات الموجودة بها . 


وكل البيانات الخاصة بالانترنت تخزن في صفحات تسمي Page‏ ا6 وهي مخزنة داخل 
Computers‏ تسمي 0e Server‏ ولرؤية هذه الصفحات علي كمبيوتر المستخدم يجب ان يوجد ما 
يسمي بال "11ا٤‏ ا۷6 الذي یستخدم برامج ۲ء۷٥8‏ ط۷ لعرض هذه الصفحات » ومن اشهرها 
Microsoft Internet Explorer‏ . 


فعندما يقوم المتصفح بعمل طلب اوعںوه ۸R‏ لصفحة معينة من 8۲۷٥۲‏ معين يقوم باستخدام ما يسمي 
ببروتوكول ۲۲۲[ الذي يحتوي علي عنوان الصفحة المطلوبة وتكون في الصيغة 

html‏ .ttp://www.something.com/pageط‏ ویتعامل معھا ال إعse 8٥W‏ عن طریق اوامر مکتوبة 
في شكل وچ12 ٠ [M1‏ وهي اختصار لكلمة 

Hyper Text Markup Language 


مهي HTML‏ ؟ 
هى لغة من لغات ترميز النص التى أصدرتها شركة 18۷ بعد أن أصدرت لغة 6۷1 التى تطورت 
الى S61‏ عن طريق منظمة 150 ولكنها أيضا كانت معقدة ولهذا تطوت الى لغة M1‏ ۳۲ التى 


أصبحت مدعمة فی العدید من أصدرات البرامج وأحدث أصدار منھا ھو ,“ئ HTML‏ . 


وهى عبارة عن 1۸68 وهى تكتب لتصميم صفحات الويب والمعلومات التى ستظهر بها 


۱ جميع الحقوق محفوظة للمؤلفين 


تأليف وإعداد ( مينا خير - مينا منير ) 
ما ھی مکونات ملف H]۲M1‏ ؟ 


تکون من قسمین : 
المحتوى : هو الناتج النهائى الذى يظهر فى صفحة الويب . [ 
الأكواد : وهى عبارة عن وصف للمحتوى من حيث التوثيق وتكتب بأستخدام وتكتب بين علامتى < > 
ويأنى الكود فى صورة زوج من 1۸668 أحداها لفتح الأمر والأخر لأغلقه ( للفتح <> > للغلق < /> 
) وكل 1۸6 له عدة خصائص تسمى وع)ںط۸])۲1 فنضع أسم الخصية بعد أسم ال عه) ونفصل بين أسم 
الخاضية والتاج بسافة و هذا مثال لوكي ؛ 

Element attribute = " Value " >‏ < 
وهذا يعنى أن لكل عنصر خاصية تأخذ قيمة معينة 


ملاحظة : .١‏ لغة ۳11 لا تراعى حالة الأحرف || كlنت SMALL yİ CAPITAL‏ . 

۲. يمكن وضع خصائص القيم بين علامتى تنصيص مزدوجة (") أو مفردة ( ') او عدم أحاطته 
بأى منهما إذا كانت القيمة تتكون من كلمة واحدة بدون مسافات . 
۳. لیس کل ال ۲1۸6S‏ تحتوی علی خصائص . 
.٤‏ لا تراعى لغة ۲1M]‏ المسافات الكثيرة تعتبر ها جميعاً مسافة واحدة . 
.٥‏ لوضع تعلیقات فی ملف ال ۳1۷1 توضع فى الشكل التالى <!-- و --> . 

لأنشاء ملف HM‏ : 
يتكون ملف 11۷M‏ من جزئين أساسيين : 

۴050 : وهو يحتوى عن معلومات خاصة بالمستند مثل عنوان الصفحة وهى لا تعتبر من ضمن المحتوى 


BODY‏ : وهو يتضمن ال 1۸68S‏ وكل التنسيقات الخاصة بالشكل النهائى للصفحة 


<HTML> 
<HEAD> 


</HEAD> 
<BODY> 


</BODY> 
</HTML> 


ونلاحظ أن ال ۲۸6 المسمى بى <۷1 11> يجب أن يكتب فى بداية صفحة ال 111 ويقسم من 
الداخJ <HEAD> Jl‏ ڍ <BADY>‏ . 


ولكن نلاحظ أننا لا نعلم أين سنكتب كل هذه ال 1۲۸6S‏ فيجب أن يكون هناك برنامج لكتابتها وحفظها ثم 
عرضها على المتصفح . ومن أبسط هذه البرامج .018E846‏ ولفتحه نتبع الأتى : 

من قائمة S1 ART‏ نختار NOTEBAD رlتخi, ACCESSORIES رlتخi pî PROGRAMS‏ 
ولحفظ الملف بلغة H1۲1‏ يجب أن يكون الأمداد ( 1مط. ) ويتم ذلك فى برنامج N0⁄01٤84[‏ من 


قائمة ۴1۴ نختار .... ۸8 ۷۴ SA‏ ویکونشکل الملف کالتالی F7]‏ 


۲ جميع الحقوق محفوظة للمؤلفين 


تأليف وإعداد ( مينا خير - مينا منير ) 


الأن سوف نتعرف على ال وعه) الخاصة بال ولط . 

أولاً نتعرف بالألوان : [ [ 

تنتج اللوان من خلط ثلاث اللوان أساسية وهى ( الأحمر › الأخضر » الأزرق ) ويأخذ كل لون من اللوان 
السابقة قيمة تتراوح بين ٠٠١ : ٠‏ . وهى مرتبة )RED, 6GREEN,B LUE)‏ وتختصر الى RGB‏ 
فنضع قيمة لكل لون من رقمين أو حرفين أو أرقام وحروف معا والارقام تنحصر بين ٠٠۹‏ والحروف بين 
۴ : ۸ وبالتالی تکون اقل قیمة للون )٠۰(‏ واعلی قیمة (۴۴ ) . 

ویأخذ کل لون خانتین کالتالی ( 6688# ۸۸ ) ويفضل وضع علامة # قبل اللوان حتى تتعرف على 


وهذه الصيغة نستطيع أن نكون بها أكثر من ٠٠١‏ مليون لون ولكن بعض الأخهزة القديمة لم تكن تدعم 


أكثر من ۲٠٠١‏ لون وهذا الجدول يوضح بعض الأمثلة للألوان : 


والأن نبدأبشرح ال 1۸68S‏ الخاصة بال 805¥ : 
لون خلفية الصفحة : 
يتم تغير لون الصفحة عن طريق خاصية إ0[هءعط والتى تأخذ قيمتها إما أسم اللون مثل 4ع أو رموز 
متل #٠ ٠۴١١‏ وتكتب بالشكل التالى : 
<body bgcolor = " #۰ ‘ff 1">‏ 
<body bgcolor = "RGB (*<*<*)" >‏ 
<body bgcolor = " red">‏ 

ولتحديد لون النص نكتب التالى : 

<html> 

<body bgcolor = " #* ‘ff 1" text = " #۰ ‘TYTAA"> 

</body> 

</html> 
ولتحديد لون الأرتباطات وم11 والأرتباطات النشطة )ماه والتى تم زيارتها و)مذا ويكتب كودها‎ 
٠ کالتالی‎ 

<html> 

<body link = " #aa' Tce" vlink = " ff" '‘°" alink =" YYbbff" > 
</body> 
</html> 


و ا و ٠‏ 
يتم ذلك باستخدام الخاصية dمuهإع‏ )عط مع مراعاة أن تكون الصورة فى نفس المكان الموجود به ملف 
ال اصاط و تکتب کما یلی : 


11 جميع الحقوق محفوظة للمؤلفين 


تأليف وإعداد ( مينا خير - مينا منير ) 


<html> 
<body back ground = " photo.igf" > 

</body> 

</html> 
: لعمل صوت يبدأ مع فتح‎ 
الملف نقوم بأستخدام< ل«0uوعط > وهى لتحديد خلفية صوتية تبدأ مع تحميل الصفحة ويجب أن يكون‎ 
ملف الصوت فى نفس المكان الموجود به الصفحة ومن الخصائص المرتبطة به ١ءء لتحديد مسار ملف‎ 
الصوت لتحديد عدد مرات تكرار الصوت ولجعل الصوت يعمل بشكل مستمر نجعل قيمة ١-=م٠ه] أو‎ 
ای لا نھائى‎ !nfinite 


كتابة اللصوص وتنسيقها 
يجب فى البداية معرفة هذا النص المكتوب سيكون عنوان أو فقرة 
وللعناوين ستة مستويات تبدأ من ١ط 1١:‏ 
وتكتب بالشكل التالى 
<html>‏ 
<body>‏ 
<h'>heading1</h'>‏ 
<h'>heading'</h'>‏ 
<h'>heading'</h'>‏ 
<h‘>heading‘</hé>‏ 
<h*>heading°</h?>‏ 
<hî>heading1</h 1>‏ 
</body>‏ 
</html>‏ 
وستظهر النتيجة كالتالى 


headingl 
heading? 
heading3 
heading4 


heading 


heading 


أما للفقرات يكون التنسيق بين <مٍ> <م/> 


٤‏ جميع الحقوق محفوظة للمؤلفين 


تأليف وإعداد ( مينا خير - مينا منير ) 


<html> 
<body> 
<p> paragraph! </p> 
<p> paragraph </p> 
</body> 
</html> 
(left , right ولها عدة قیم‎ align ویجب أن نعلم أن للفقرات عدة خصائص ومن هم هذه الخصائص‎ 
center) 
وتكتب بالشكل التالى‎ 
<html> 
<body> 
<p align =" left"> left</p> 
<p align ="right"> right</p> 
<p align =" center"> center</p> 
</body> 
</html> 


ستظهر کما بلی: 
left‏ 


center 


right 


ولأخذ سطر فارغ للبدأً فى الكتابة فى سطر جديد نستخدم <8> وهذا اال عه لا يغلق ويكتب كالتالى : 


< Html > 
<Body> 
Text | 
<BR> 
Text Y 
</body> 
</html> 


° جميع الحقوق محفوظة للمؤلفين 


تأليف وإعداد ( مينا خير - مينا منير ) 


لأدراج خط آفقى لنفصل بين النصوص نستخدم <۲> وهو أختصار tagJl lay horizontal line‏ لا 
يغلق وله عدة خصائص : 
Sie‏ ( سمك الخط) ٠‏ ١٧اهء‏ (لون الخط) ٠‏ طألاس ( عرض الخط) ٠‏ ,م«عنااج( 


المحاذاه). 

: ویکتب کالتالی‎ 
<Html> 
<Body> 

Line | 
<hr size=""" color="green" width="1**/" align="center"> 

</body> 
</html> 

وسیظهر کالتالی : 


Line 1 


font size حجم الخط‎ 


حجم الخط يتحدد من ١‏ : ۷ والخط القياسى هو ۳ وهو الذى يوضع آفتراضيا أن لم نقم 

بتغيرة ومكن التحكم فى الخط بوضع )٣(‏ قبل الرقم للزيادة و (-) قبل الرقم لتصغير الخط ويكتب 
کالاتی : 

<html> 

<body> 

<font size="1*"> big word</font> 
<font size="+1'"> word</font> 
</body> 
</html> 


وتظهر کالأتی : 


bıg word 


word 


font face نوع خط‎ « 


يمكن من هذه الخاصية أن نحدد شكل الخط الذى سيظهر عند العرض ويكتب كالأتى : 
<html>‏ 
<body>‏ 
<font face="Arial">ARIAL TEXT </FONT>‏ 
</BODY>‏ 
</HTML>‏ 


1 جميع الحقوق محفوظة للمؤلفين 


تأليف وإعداد ( مينا خير - مينا منير ) 


Arial text وستظهر کالاأتی‎ 
: text ع0آoإ لون الخط‎ # 
<html> 
<body> 
<font color ="red">red text </font> 
</BODY> 
</HTML> 
: وستظهر کالأتی‎ 
Red text 


« لكتابة خط عريض |80 : 
وهذه الخاصية تعطى النص شكل سميك وله عدة أشكال فمن الممكن أن يكتب <8> <8/> 
أو تکتب <ع >٥٥‏ <عہهtrی/>‏ ویکون شکل الکود کالتالی : 
<html>‏ 
<body>‏ 
<B>Bold word</B>‏ 
<br>‏ 
<strong>strong word</strong>‏ 
</BODY>‏ 
</HTML>‏ 
وستظهر کالاأتی 


Bold word 
strona word 


# الخط المائل عناه)] : 
یساعد فی ظهور النص بشکل مائل ویکتب <[> <[إ/> ار حصسع> <صم/> وهی 
إختصار emphasis‏ 
<html>‏ 
<body>‏ 
<PItalic word</I>‏ 
<br>‏ 
<em>emphasis word</em>‏ 
</BODY>‏ 
</HTML>‏ 
وستظهر کالتالی 
Italic word‏ 


۷ جميع الحقوق محفوظة للمؤلفين 


تأليف وإعداد ( مينا خير - مينا منير ) 


: الخط المسطر ع ا6لص‎ # 
</u> <u> tag وهذا لكتابة النصوص تحتها خط ونسخدم ال‎ 
<html> 
<body> 
<u>underline word</u> 
</BODY> 
</HTML> 
underline word 


« ولتغير خصائص الخط الأساسى فى الصفحة بشكل عام نستخدم <امbasefo<‏ 
<html>‏ 
<body>‏ 
<basefont size="“" color="blue" face="arial">‏ 
</body>‏ 
</html>‏ 


النص المتحرڭ eع1"2۲¶u‏ 
هذا الأمر يعطى تأثير خاص للنص ليتحرك فى صفحة الويب بأتجاه معين » ومن خصائص هذا الأمر : 


ا0اهمع8B‏ وهذه الخاصية تعمل على تغير لون خلفية الجزء الذى سيتحرك فيه النص 
<html>‏ 
<body>‏ 
<marquee bgcolor="#* ۰111۲" >marquee text</marquee>‏ 
</body>‏ 
</html>‏ 


وستظهر کالتالی : 


ومن أهم خصائصها خاصية إ1a۷10ع8‏ ومنها تتيح خاصية ٥ه‏ ٠٠اه‏ وهى خاصية تتيح للنص أن 
يذهب الى جانب ويعود الى الجانب الأخر دون أن يختفى ويكتب كالأتى : 
<html>‏ 
<body>‏ 
<marquee Behavior="alternate">alternate text </marquee>‏ 
</body>‏ 
</html>‏ 


۸ جميع الحقوق محفوظة للمؤلفين 


تأليف وإعداد ( مينا خير - مينا منير ) 


إدراج ملف صوت أو ملف فيديو : 
لإدراج ما يسمى بال {ءعزطه iaلع‏ 1اا فى صفحة الويب وهى آما ملف صوت أو ملف فديو أو 
صورة متحركة نستخدم <لعطرع> <لعطصء/> ويكتب بالشكل التالى : 
<html>‏ 
<body>‏ 
<embed src="sound.mid"></embed>‏ 
</body>‏ 
</html>‏ 
وله عدة خصائص منها : 
utostar >‏ وتأخذ إحدى القيمتين (٥ء[ه؟‏ , ٥ں])‏ وهى تستخدم لتحديد بداية تشغيل الصوت 
بمجرد فتح الصفحة أو ا2 
S۲١ >‏ وهی لتحديد مكان وجود الملف الذى سوف يعرض . 
Name >‏ وهى لتحديد أسم لل {ءعزطه وهذا فى حالة وجود أكثر من †ءءزطم فلذلك يجب أن 
نعطى أسماً لكل منهم . 
[0٥0p >‏ هی لتحدید هل سيتكرر تشغيل الملف وهى تأخذ القيمتين (عءإه؟ , مu٣))‏ . 


القوائم النقطية والرقمية 


أو لا: القوائم النقطية ي¡ un 01de e|‏ : 
لعمل قائمة بتعداد نقطى اى أنها سوف تكون قائمة غير مرتبة وتنقسم الى أمرين 
الأمر<اں> <إن/> وهذا لبدأً القائمة النقطية ولتحديد عناصر هذة القائمة نستخدم الأمر <زإا> <زا/> 
وهناك علامات متعددة لأتنقيط وهى النقطة السوداء وتسمى ب يأل والمربع ويسمى S41‏ 
والدائرة المفرغة وتسمى مء 1۲ء ويكون بالشكل التالى : 
<html>‏ 
<body>‏ 
<ul tybe="disc">‏ 
<li> Item! </li>‏ 
<li> Item" </li>‏ 
<li> Item" </li>‏ 
</ul>‏ 
</body>‏ 
</html>‏ 
ستظهر بالشكل التالى : 


e [termi 
e [ternz 
e [term 
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تأليف وإعداد ( مينا خير - مينا منير ) 


القوائم الرقمية ی1ا 01de‏ : 
لعمل قائمة بتعداد رقمى اى أنها سوف تكون قائمة مرتبة وتنقسم الى أمرين الأمر<[هم> <إه/> وهذا 
لبد القائمة الرقمية ولتحديد عناصر هذة القائمة نستخدم الأمر <زإ> <إ[/>وهناك علامات متعددة 
للترقیم وهی ( ٠٠٠۰۳‏ / ٥,ط,۾‏ / ©,۸,8 / [[1,11,1) وهناك خاصية ذات اهمية ةهى خاصية ١4۲ا‏ 
وهى لتحديد بداية الترقيم وتكتب بالشكل التالى : 
<html>‏ 
<body>‏ 
<o] tybe=" ۱ start='"® S>‏ 
<li> Item! </li>‏ 
<li> Item" </li>‏ 
<li> Item" </li>‏ 


</ol> 
</body> 
</html> 
: ستظهر بالشكل التالى‎ 
3. Iteml 
ê. lema 
7. [emî 


قوائم lلتعھارف definition list‏ : 
ولبدأً القائمة نستخدم الأمر <ال> <[ل/> ولكتابة عنوان التعريف نستخدم <ال> <أل/> وهى 
اختصار ودإما «0انماfمل‏ ولكتابة التعريف نفسة نستخدم <لل> <لل/> وهى أختصار 
definition description‏ وتکتب بالشکل التالی : 
<html>‏ 
<body>‏ 
<d]>‏ 
<dt> www </dt>‏ 
<dd> World Wide Web </dd>‏ 
</dl>‏ 
</body>‏ 
</html>‏ 


وستظهر کما یلی : 
VY YY‏ 


World Wide Web 


تأليف وإعداد ( مينا خير - مينا منير ) 


الوصلات التشعبية وہنا 

هى عبار عن نصوص او صور عند الأشارة اليها بالماوس يتغير شكله مثل شكل اليد وبالضغط بها 
على النص أو الصورة فأنه يذهب الى موقع آخر أو صفحة آخرى فى نفس الموقع ولعمل هذا الأرتباط 
نستخدم <۸> <۸/> ولهذا الأمر عدة خصائص أولها وأهمها الخاصية ۴ع[ وهى اختصار لكلمة 
reference hرpم tex‏ ويجب أن نحدد الموقع أو الصفحة المراد الوصول لها عند الضغط على 
الأرتباط ولهذا قد تكون الصفحة 11ط وعندها يبدأ العنوان ب //:م)1 وقد تكون بريد الكترونى 
وعندها يبدا العنوان ب :٥اانهمم‏ وتكتب بالشكل التالى : 

<html> 

<body> 

<A href ="http://www.googel.com">GOOGLE</A> 
<BR> 
<A href="mailto:mail@yahoo.com ">e-mail </a> 
</body> 
</html> 


وستظهر کالتالی : 
OLE‏ 


e-tmall 


عمل أرتباط لتحميل ملف : 
فهو مثل الأرتباط العادى ولكن عند الضغط علية سوف يظهر صندوق حوارى يسأل عن مكان حفظ الملف 
ویكتب بالشكل التالى : 

<html> 

<body> 

<a href="sound.mpY">download</a> 
</body> 
</html> 


یکر اتگل اتی : 


download 


۱۱ جميع الحقوق محفوظة للمؤلفين 


تأليف وإعداد ( مينا خير - مينا منير ) 


إدراج الصور ومعهص]1 : 
إن لغة 1ممط تدعم أنواع الصور التى يكون إمتدادها ( اع , عم[ ) ولأدراج هذه الصور مع إمكانية 
تنسيقها يجب أن نستخدم الأمر <عمم]> وهذا الأمر له عدة خصائص منها : 
S۲١ ٠‏ هى خاصية لتحديد مكان الصورة المطلوبة ويكتب بالشكل التالى : 
<html>‏ 


<body> 

<img srec="d:images/sample.gif"> 
</body> 
</html> 


تظهر کالتالی ٠‏ 


اhطheig‏ & Width‏ : وهى خاصية لتحديد عرض وإرتفاع الصور المدرجة وتكتب بالشكل التالى : 
<html>‏ 
<body>‏ 

<img srec="d:images/sample.gif" Height="® ‘" width=" ۰"> 

</body> 
</html> 

ه٠‏ وا۸ وهى خاصية مهمة جدا لأنها تحدد مكان الصورة فى ملف ال 11ط ولها العديد من القيم 

ef‏ ا Rit or‏ وهى للمحاذاه غمغ جهة اليمين أو جهة اليسار 
<img src="d:images/sample.gif" align =" right">‏ 

<img src="d:images/sample.gif" align ="left"> 


۳ ۳صهااهB‏ وهى لعرض الصور بحيث تكون على السطر مثل أى كلمة 
<img srec="d:images/sample.gif" align ="bottom">‏ 


م M11]‏ وهى تعد الصور فى منتصف السطر 
<img src="d:images/sample.gif" align ="middle">‏ 


Bore‏ وهى خاصية لوضع إطار حول الصورة ونحدد به عرض الأطار والقيمة )٠(‏ تعنى أن 


الصورة سوف تظهر بدون إطار يكتب كالأتى : 
<img src="d:images/sample.gif" border="®">‏ 


۱۲ جميع الحقوق محفوظة للمؤلفين 


تأليف وإعداد ( مينا خير - مينا منير ) 


لأدراج الئجداوJ Insert tables‏ : 
تعتبر الجداول من المكونات المهمة فى صفحات 111 ويتم إدراج الجداول بإدراج الجدول 
نفسة إدراج الصفوف ثم محتويات كل خلية سواء كانت صورة أو نص أو قائمة أو أى ملفات آخرى ويكون 
شکل الکود فی ملف ال۳۲ کالتالی : 
<html>‏ 
<body>‏ 
<table border=" ">‏ 
>< 
<td>row',cell1</td>‏ 
<td>row',cell'</td>‏ 
</tr>‏ 
>< 
<td>rowY,cell' </td>‏ 
<td>rowY,cellY </td>‏ 
>/< 
</table>‏ 
</body>‏ 
</html>‏ 
ستظهر کالتالی : 


towl,cell row1l,celld 


towaê,cell rowê, cell 
: ومن خصائص الجداول أنه يمكن كتابة عناوين الجداول عمالهعط ع[طه) ويكتب بالشكل التالى‎ 


<html> 
<body> 
<table border="T"> 
<I> 
<th>heading 1</th> 
<th> heading Y</th> 
</tr> 
<I> 
<td>row',cell' </td> 
<td>row',cellT</td> 
<> 
<I> 
<td>rowY,cell' </td> 
<td>rowY,cellT</td> 
</> 
</table> 
</body> 
</html> 


۱۳ جميع الحقوق محفوظة للمؤلفين 


تأليف وإعداد ( مينا خير - مينا منير ) 
5 کالتالی : 


heading ] heading 2 
tfowl,cell row l,cellz 


rowa,cell rowê,cellz 


الإطارات ( ومصھا؟ ) 
تستخدم ال وع ه۲ لتقسيم صفحة الويب الى عدة إطارات وأستعراض عدة صفحات وذلك عن طريق الإطارات وعن طريق هذه 


ولعمل هذه الإطارات نستخدم الأمر frameset‏ وهو يستخدم لفتح مجموعة من الإطارات وهناك العديد من الخصائص ° وهی 
نحدد فيها مصدر الصفحة وهناك إيضا الخاصية وإمء وهى تستخدم فى تقسيم الصفحة رأسيا على شكل أعمدة وهناك إيضا 
الخاصية س٠إ‏ وهى تستخدم فى تقسيم الصفحة أفقياً . 


-: أولاً : التقسيم الرأسى‎ 
<html> 
<frameset cols="Y Lele f "> 
<frame src ="tryhtml frame_a.html"> 
<frame src ="tryhtml frame b.html"> 
<frame src ="tryhtml frame _c.html"> 
</frameset> 
</httml> 
لتظهرمثل ذلك:‎ 
Frame a Frame b Frame c 


فی هذا الأمر <''[ہ)ط.ھ_frame_اtryhtm"= frame src‏ > حددنا مصدر کل صفحة وهی آاآص ٤ط‏ .4 ای آنه 
يمكن كتابة أى صفحة باط . 


ثانياً : التقسيم الأفقى 
<html>‏ 
<frameset rows="Y ‘Zele f ">‏ 
<frame src ="tryhtml frame _a.html">‏ 
<frame src ="tryhtml frame b.html">‏ 
<frame src ="tryhtml frame c.html">‏ 
</frameset>‏ 
</httml>‏ 


٤‏ جميع الحقوق محفوظة للمؤلفين 


تأليف وإعداد ( مينا خير - مينا منير ) 


Frame a 


لتظهرمثل ذلك: 


لأظهار موقع داخل صفحة الويب 

وهنا یتم إنشاء عصهإ؟ داخل صفحة 1٠ط‏ لعرض صفحة معينة فى المستند ويتم إدراج هذا الإطار فى إى مكان للمستند 
داخل الأمر body‏ ومن أهم خصائصة ° وهی التی تحددد المستند المصدر الذى سوف يعرض فی الإطار وهناك الخصية 
مصهم وهى لإضافة عنوان للصفحة ومن خصائصة الآخری اطعاعط & طا لاس وهى لتحديد عرض وإرتفاع 


<html> 
<body> 
<A frame src="http://www.google.com" height="Y ° '"> 
</a frame> 
</body> 
</html> 


لعمل إطار به روابط عند الضغط على إى رابط تظهر الصفحة فى إطار آخر نستخدم الكود التالى : 

<html> 

<frameset rfows="® » ,*"> 

<frame scr="banner.html"noresize> 
<frameset cols="1**,*"> 
<frame sre="contents.html"> 
<frame name="main" src="index.html"> 
</framese> 

</html> 


٥‏ جميع الحقوق محفوظة للمؤلفين 


تأليف وإعداد ( مينا خير - مينا منير ) 


ويكون الشكل مثل الآتى : 
Link |‏ 


۱1٦1‏ جميع الحقوق محفوظة للمؤلفين 


